<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>景区大全 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<script src="js/interfacejs.js" type="text/javascript"></script>
<script src="js/jquery.ying.js" type="text/javascript"></script>
<link href="css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="css/base/base.css" type="text/css" rel="stylesheet" />
<link href="css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="css/mainpage.css" type="text/css" rel="stylesheet" />
<!--[if ie]><script src="js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>
<body>
	<!-- head -->
	<%@include file="../common/header.jsp" %>
    <!-- header-->
    
    <!-- content-->
    <div class="w100p">
              
        <!--part1-->
        <div class="w980 mg box_style1 clearfix">
        	
        	<!-- left-->
        	<div class="c_leftbox">
  				<div class="view_lb_box">
                	<ul class="view_lb" id="pic_ul">
	                	<c:forEach items="${picture }" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank"><img src="${c.picture }" class="block" style="width: 695px;height: 326px"/></a>
	                        </li>
	                    </c:forEach>
                    </ul>
                    <ul class="view_small" id="num_ul">
                    	<c:forEach items="${picture }" var="c" varStatus="status">
	                    	<li <c:if test="${status.index==0 }">class="current"</c:if>>
	                        	${status.count }
	                        </li>
	                    </c:forEach>
                    </ul>
                </div>
            </div>
            <!--left--end-->
            
            <!-- right-->
            <div class="c_rightbox">
				<div class="pt_s1">
                	<h1>贵州旅游全攻略</h1>
                    <ul class="pt_box">
                    <c:forEach items="${travelGuide }" var="c" varStatus="v">
                    	<li <c:if test="${v.last }">class="last"</c:if>>
                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 90px;height: 60px" class="block" /></a>
                            <div class="r_box">
                            	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
                            </div>
                        </li>
                    </c:forEach>
                    </ul>
                </div>
            </div>
            <!-- right--end-->
            
        </div>
        <!--part1--end-->
        
        <!-- fullpart2-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_gy.gif" class="fl block"><span class="fl">贵阳</span>
                        <a href="listView.htm?channel=ab65f731-6e78-4ced-9dde-7f9dea31949e" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnGuiyang}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart2--end-->
        
        <!-- fullpart3-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_lps.gif" class="fl block"><span class="fl">六盘水</span>
                        <a href="listView.htm?channel=763fb969-c157-421a-a7d1-6e5dde3419a8" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnLiupanshui}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart3--end-->
        
        <!-- fullpart4-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_zy.gif" class="fl block"><span class="fl">遵义</span>
                        <a href="listView.htm?channel=3a9bda55-a2c3-4b16-a73b-1f36d078c16f" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnZunyi}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart4--end-->
        
        <!-- fullpart5-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_ass.gif" class="fl block"><span class="fl">安顺市</span>
                        <a href="listView.htm?channel=9a482419-00ea-4454-98f1-6d21f0d080ef" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnAnsun}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart5--end-->
        
        <!-- fullpart6-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_bj.gif" class="fl block"><span class="fl">毕节</span>
                        <a href="listView.htm?channel=90332457-f4eb-46f5-8ede-c6269b9b825d" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnLiuBijie}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart6--end-->
        
        <!-- fullpart7-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_tr.gif" class="fl block"><span class="fl">铜仁</span>
                        <a href="listView.htm?channel=2507d1a2-8de9-4010-9be0-212ce652ba3c" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnTongchuan}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart7--end-->
        
        <!-- fullpart8-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_qnbyz.gif" class="fl block"><span class="fl">黔南布依族苗族自治州</span>
                        <a href="listView.htm?channel=9028ff34-23cf-4820-8509-66f8e1457112" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnBuyizu1}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart8--end-->
        
        <!-- fullpart9-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_qxnbyz.gif" class="fl block"><span class="fl">黔西南布依族苗族自治州</span>
                        <a href="listView.htm?channel=10518439-6020-440a-b911-440fc974d95e" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnBuyizu2}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart9--end-->
        
        <!-- fullpart10-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_qdbyz.gif" class="fl block"><span class="fl">黔东南苗族侗族自治州</span>
                        <a href="listView.htm?channel=aad45f1d-6dc9-47f9-bcff-a539b5a4fbef" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
					<ul class="pt_view_box clearfix">
						<c:forEach items="${columnBuyizu3}" var="c">
	                    	<li>
	                        	<a href="${c.hyperlink }" target="_blank" class="fl"><img src="${c.picture }" style="width: 136px;height: 146px" class="block" /></a>
	                            <div class="r_box">
	                            	<p class="title">${c.titleText }</p>
	                                <a href="${c.hyperlink }" target="_blank" class="text">${c.summary }</a>
	                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture2 }" style="width: 112px;height: 70px" class="block" /></a>
	                            </div>
	                        </li>
	                    </c:forEach>    
                    </ul>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart11--end-->
        
        
        <!-- 点评 -->
        <%@include file="../common/discuss.jsp" %>
        
        
        <!-- part3 -->
        <%@include file="../common/attention.jsp" %>
        <!-- part3--end-->
                
        <!-- help-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        
        <!-- help--end-->
        
    </div>

    <!-- content--end-->
    
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
<script type="text/javascript">
$(function(){
	$.lbShow({
		picUL:"pic_ul",
		numsUL:"num_ul",
		styles:"hover"
	});
	$(".more").attr("target","_blank");
});


	
    function tabHotel(n){
	 	$("#hotel_"+n).show().siblings("div.tabsinfo_box").hide();
	 	$("#li_"+n).addClass("current").siblings().removeClass("current");
	}
</script>
</body>
</html>
